<template>
    <div class="page coach-page">
        <div class="banner">
            <div class="banner-image" style="background-image: url('/images/training_detail_banner.jpg')">
                <span>关于我们</span>
                <p>ABOUT US</p>
            </div>
        </div>
        <div class="content">

            <div class="training-content">
                <div class="aboutus-header display-flex-row justify-content-between">
                    <div class="aboutus-header-left display-flex-row align-items-center">
                        <img src="/images/ball.png" alt="">
                        <div class="aboutus-title">
                            <div class="title">ABOUT <span>US</span></div>
                            <p>关于我们</p>
                        </div>
                    </div>
                    <div class="aboutus-crumb display-flex-row align-items-bottom">
                        当前位置：
                        <router-link to="/">首页></router-link>
                        <a href="#">关于我们</a>
                    </div>
                </div>
                <div class="about-box">
                    <div class="training-content-header">
                        <span>链星青训管理平台简介</span>
                        <div class="training-content-line"></div>
                    </div>
                    <div class="display-flex-row traning-content-item-row">
                        <div class="about-synopsis">
                            <p class="line"></p>
                            <p class="title">机构管理</p>
                            <p>{{datalist.jg}}</p>
                        </div>
                        <div class="about-synopsis">
                            <p class="line"></p>
                            <p class="title">教练员</p>
                            <p>{{datalist.jl}}</p>
                        </div>
                        <div class="about-synopsis">
                            <p class="line"></p>
                            <p class="title">家长/球员</p>
                            <p>{{datalist.qy}}</p>
                        </div>
                    </div>
                </div>
                <div class="about-box">
                    <div class="training-content-header">
                        <span>我们是谁</span>
                        <div class="training-content-line"></div>
                    </div>
                    <div class="about-whous">
                        www.lianxingfc.com为上海球霖网络科技有限公司开发的一款PC端青少年足球互动平台，集青训俱乐部管理，教练管理，球员管理于一体，
                        结合线上足球培训课程，为广大从事足球青训工作的专业及非专业机构和学员提供在线学习交流和管理的平台。平台目标全面提升青少年足球
                        的训练效率，增加娱乐互动性，使学员享受足球，教练积极充电，机构高效管理，为中国足球的未来助力！
                        培养我们中国自己的孙兴愍不是梦。
                    </div>
                </div>

            </div>
        </div>

    </div>
</template>

<script>
    import {configGetAboutWe} from "../../api/api/web.js"

    export default {
        data() {
            return {
                datalist: {},
            }
        },
        created() {
            configGetAboutWe().then((res) => {
                this.datalist = res.data
            }).catch((res) => {
                this.$message({
                    message: res.message,
                    type: 'error',
                    duration: 5 * 1000
                });
            })
        }
    }
</script>

<style scoped>
    @import url("./css/coachTraining.css");
</style>
